<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>Recruitment Process System</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
	
});
</script>
<style type="text/css">
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    Author: Tu Nhat Van
*/
#slider li { width:760px; height:348px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,#nextBtn { display:block; margin:0; overflow:hidden; width:13px; height:28px; position:absolute; left: -13px; top:-210px; }
#nextBtn { left:760px; }
#prevBtn a { display:block; width:13px; height:28px; background:url(images/l_arrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:13px; height:28px; background:url(images/r_arrow.png) no-repeat 0 0; }
</style>
</head>
<body>
  <div class="main">
  <div class="header">
    <div class="block_header">
      <div class="logo"><a href="index.html"><img src="images/logo.jpg" width="293" height="112" border="0" alt="logo" /></a></div>
      <div class="signin">
        <form>
        	<table style="font-size:12px">
            	<tr>
                	<td>Username</td>
                    <td> <input type="text" name="txtUsername" style="width:100px"/> </td>
                	<td>Password</td>
                    <td><input type="password" name="txtPassword" style="width:100px"/></td>
                	<td> </td>
                    <td> <a  class="button" href="#" name="btnLogin">Login</a> <a href="#" name="btnRegister">Register ?</a> </td>
                 </tr>
            </table>
        </form>
      </div>
      <div class="clr"></div>
      <div id="menu">
        <ul>
          <li><a href="index.html" class="active">Vacancies</a>
          </li>
          <li><a href="#"><span>Register</span></a></li>
          <li><a href="#">Contact us</a></li>
          <li><a href="#">About us</a>
          </li>
        </ul>
      </div>
      <div class="clr"></div>
        
    </div>
  </div>
  <div class="slider">
    <div class="slice1">
      <div class="slice2" id="slider">
        <ul>
          <li>
            <div>
              <p class="img"><img src="images/source.jpg" alt="screen 1" width="420" height="234" /></p>
              <h2>Source</h2>
            <p> 
              <p>Collect resumes from your site and job boards like Simply Hired, Indeed and Juju</p><br />
                    <p>Add contacts as candidates from Outlook and Google Apps</p><br/>
                    <p>Reduce resume processing time with Resume parsing tool</p><br />
      		  </p>
              
              <p>&nbsp;</p>
              
            </div>
          </li>
          <li>
            <div>
              <p class="img"><img src="images/engage.jpg" alt="screen 2" width="420" height="234" /></p>
              <h2>Engage</h2>
              <p> 
                    <p>Reach large number of appplicants with just one click</p><br />
                    <p>Communicate with Clients and Candidates from within Zoho Recruit</p><br/>
                    <p>Schedule and track interviews</p><br />
      		  </p>
              <p>&nbsp;</p>
            </div>
          </li>
          <li>
            <div>
              <p class="img"><img src="images/manage.jpg" alt="screen 3" width="420" height="234" /></p>
              <h2>Manage</h2>
              <p> 
                    <p>Search candidates quickly</p><br />
                    <p>Categorize jobs, candidates, clients and contacts using tags</p><br/>
                    <p>Create custom workflows for your business needs</p><br />
      		  </p>
              <p>&nbsp;</p>
            </div>
          </li>
          <li>
            <div>
              <p class="img"><img src="images/integration.jpg" alt="screen 4" width="420" height="234" /></p>
              <h2>Integrations</h2>
              <p> 
                    <p>Get Clients and Contacts from Google Apps and Zoho CRM</p><br />
                    <p>Connect with Outlook</p><br/>
                    <p>Import events to Google Calendar</p><br />
      		  </p>
              <p>&nbsp;</p>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="clr"></div>
  <div class="body">
    <div class="topi"><div class="clr"></div></div>
    <div class="body_resize">     
  <div class="product">
            <div class="title">Register form</div>
       <!-- <div class="mini-product">
                <div class="product-info">
                    <div class="product-title">Ban nha gap</div>
                    <div class="product-content">Ban nha mat tien.So nha 57/57 ,KP2,P.Linh Chieu,Q.ThuDuc,TP.HCM</div>
                    <div class="product-contact">Lien he anh Jun.SDT 01202540043</div>
                </div>
            </div>-->
            
        <br/>
        
        <div class="resume">
        	<form class="">
            	<table width="600px">
                	<tr>
                    	<td>Username <span class="contraint">*</span></td>
                        <td><input name="txtRegisterUsername" type="text" size="30" />
                        </td>
                    </tr>
                    <tr>
                    	<td>Fullname <span class="contraint">*</span></td>
                        <td><input name="txtRegisterUsername" type="text" size="30" />
                        </td>
                    </tr>
                    <tr>
                    	<td>Password <span class="contraint">*</span></td>
                        <td><input name="txtRegisterPassword" type="password" size="30" />
                      </td>
                    </tr>
                    <tr>
                    	<td>Date of Birth <span class="contraint">*</span><br/>
               	      (dd/mm/yyyy):</td>
                        <td>Day :<select name="cbxRegisterDay">
                        <option selected="selected">--</option>
                        </select>-Month:<select name="cbxRegisterMonth"><option>--</option></select>-Year:<select name="cbxRegisterYear"><option>----</option></select>
                      </td>
                    </tr>
                    <tr>
                    	<td>Gender </td>
                        <td>Male<input name="chkRegisterGender" type="checkbox" value="" /></td>
                    </tr>
                    <tr>
                    	<td>Address <span class="contraint">*</span></td>
                        <td><textarea name="tareaRegisterAddress" cols="50" rows="10"></textarea>
                        </td>
                    </tr>
                    <tr>
                    	<td>Email <span class="contraint">*</span></td>
                        <td><input name="txtRegisterEmail" type="text" size="30" />
                        </td>
                    </tr>
                    <tr>
                    	<td>Phone <span class="contraint">*</span></td>
                        <td>
                        	<input name="txtRegisterPhone" type="text" size="30" />
                       	</td>
                    </tr>
                    <tr>
                    <td></td>
                    <td><img  src="images/capchar.png" width="197" height="60" /><br/>
                    <button name="btnRefresh"  class="button">Refresh Image</button>
                    </td>
                  </tr>
              <tr>
                    	<td>Capcha <span class="contraint">*</span></td>
                        <td><input name="" type="text" size="30" />
                        </td>
                </tr>
                    <tr>
                    	<td> </td>
                        <td>
                        	<button name="btnRegister"  class="button">Register</button>
                            <button name="btnReset"  class="button">
                            Reset</button>
                            <button name="btnCancel"  class="button">Cancel</button>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
      </div> 
  	</div>
  <div class="footer">
    <div class="resize">
      <div>
        <p class="footer_logo">&nbsp;</p>
        <p>Copyright © JunF. All Rights Reserved<br />
          <a href="index.html">Home</a> | <a href="contact.html">Contact</a></p>
      </div>
    </div>
    <p class="clr"></p>
  </div>
</div>
</body>
</html>